<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // prompt("请输入：") // 弹出一个输入框
        // console.log("日志") // 向浏览器控制台打印一个日志
        // alert("警告") // 弹出一个警示对话框, 输出结果

        // 变量
        // var name = "Weraphael"; // 注意分号
        // age = 18;
        // var test = 1111;
        // console.log(name);
        // console.log(age);
        // console.log(test);

        // let age = 1111;
        // console.log(age);
        // // 动态类型
        // age = "hello age";
        // console.log(age);

        // 基本数据类型

        // 数字类型
        // let a = 10;
        // console.log(typeof (a));
        // a = a / 3;
        // console.log(a);
        // console.log(typeof (a));

        // 特殊的数字值
        // let a = Infinity; // 无穷大
        // let b = -Infinity; // 负无穷大
        // let c = NaN;  // 表示当前的结果不是一个数字
        // console.log(a);
        // console.log(b);
        // console.log(c);

        // let a = "\\n"
        // console.log(a);

        // String类型求长度
        // let a = "Weraphael";
        // alert(a.length);

        // 字符串拼接
        // let a = "哈哈";
        // alert(a + 1010);
        // alert(10 + '10'); // 只要有一方是字符串，那么+就是拼接的效果

        // boolean类型
        // 和C++差不多，但是JS的true和false参与运算可以看成1和0
        // alert(1 + true); // 2
        // alert(1 + false); // 1

        // undefined 未定义数据类型
        // let a;
        // console.log(a);
        // // undefined 和字符串进行相加, 结果进行字符串拼接
        // let b = "String";
        // console.log(a + b);
        // // undefined 和数字进行相加, 结果为 NaN
        // console.log(a + 1);

        // null值
        // let a = null;
        // console.log(a + 1);

        // let a = 10;
        // let b = '10';
        // alert(a === b); // === 比较内容 + 类型

    </script>

</head>

<body>
    <!-- 行内式：直接嵌入到 html 元素内部 -->
    <!-- <input type="button" value="按钮" onclick="alert('哈哈')"> -->


</body>

<!-- 内嵌式：写到 script 标签中 -->
<!-- <script>
    alert("哈哈");
</script> -->

<!-- 外部式：写到单独的 .js 文件中 -->
<!-- <script src="test.js"></script> -->

</html>